
    window.onload = function () {
        var nav = $$.$id("nav");
        var topheader = $$.$id("top-header");
        var gotop = $$.$id("gotop");
        var navTop = nav.offsetTop;
        var gotop = $$.$id("gotop");
        var leader = 0, target = 0, timer = null;
        gotop.onclick = function () {
            target = 0;
            timer = setInterval(function () {
                leader = leader + (target - leader) / 10;
                window.scrollTo(0, leader);
                if (leader == target) {
                    clearInterval(timer);
                }
            }, 20);
        }
        //火箭滚动回顶部
        window.onscroll = function () {
            //火箭滚动回顶部
            $$.scroll().top > 0 ? $$.show(gotop) : $$.hide(gotop);
            leader = $$.scroll().top;
            //导航栏固定
            if ($$.scroll().top >= navTop) {
                nav.className = "nav fixed";
            } else {
                nav.className = "nav";
            }
        }

        // 图片轮播部分代码
        var box = $$.$id("main-conter");
        var ul = $$.$id("ul");
        var ulLis = ul.children;
        // 克隆第一张进行无缝滚动
        ul.appendChild(ul.children[0].cloneNode(true));

        var ol = document.createElement("ol");
        box.appendChild(ol);
        for (var i = 0; i < ulLis.length - 1; i++) {
            var li = document.createElement("li");
            li.innerHTML = i + 1;
            ol.appendChild(li);
        }

        ol.children[0].className = "current";

        //3. 开始动画部分
        var olLis = ol.children;
        for (var i = 0; i < olLis.length; i++) {
            olLis[i].index = i;  // 获得当前第几个小li 的索引号
            olLis[i].onmouseover = function () {
                for (var j = 0; j < olLis.length; j++) {
                    olLis[j].className = "";  // 所有的都要清空
                }
                this.className = "current";
                $$.animate(ul, -this.index * 1226)
                // 调用动画函数  第一个参数  谁动画     第二个  走多少
                square = key = this.index;  // 当前的索引号为主
            }
        }
        //  4. 添加定时器
        var timer = null;   // 轮播图的定时器
        var key = 0;  //控制播放张数
        var square = 0; // 控制小方块
        timer = setInterval(autoplay, 4000);  // 开始轮播图定时器
        function autoplay() {
            key++;  // 先 ++
            if (key > ulLis.length - 1)  // 后判断
            {
                ul.style.left = 0;  // 迅速调回
                key = 1;  // 因为第5张就是第一张  第6张播放 下次播放第2张
            }
            $$.animate(ul, -key * 1226);  // 再执行
            // 小方块
            square++;
            if (square > olLis.length - 1) {
                square = 0;
            }
            for (var i = 0; i < olLis.length; i++)   // 先清除所有的
            {
                olLis[i].className = "";
            }
            olLis[square].className = "current";  // 留下当前的
        }
        //last最后  鼠标经过大盒子要停止定时器
        box.onmouseover = function () {
            clearInterval(timer);
        }
        box.onmouseout = function () {
            timer = setInterval(autoplay, 4000);  // 开始轮播图定时器
        }

    }